@import 'variable';


.mmm_main{
  .nav{
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:0 15rem/@base;
    background-image:linear-gradient(to bottom,white,#ECECEC);
    .left{
      height: 70rem/@base;
      font-size:24rem/@base;
      font-weight: 700;
      line-height:68rem/@base;
    }
    .right{
      button{
        width: 124rem/@base;
        height:54rem/@base;
        font-size: 24rem/@base;
        border-radius:10rem/@base;
        border:none;
        vertical-align: middle;
        border:1px solid #ccc;
      }
    }
  }
  .pro{
    background-color: #fff;
    .imgBox{
      // height: 502rem/@base;
      padding: 37rem/@base 37rem/@base 0 37rem/@base;
      .pro_name{
        height: 180rem/@base;
        p{
          text-align: center;
          font-size:32rem/@base;
        }
      }
      img{
        width: 340rem/@base;
        height: 340rem/@base;
        margin:0 auto;

      }
    }
    .info{
      border-top:1px solid #CA1A24;
      border-bottom:1px solid #CA1A24;
      height: 66rem/@base;
      a{
        display: block;
        float:left;
        width: 33.33%;
        height: 63rem/@base;
        line-height: 63rem/@base;
        color: #fff;
        font-size: 26rem/@base;
        text-align: center;
        background-color: #FFCB3C;
        border-left:1px solid #CA1A24;
        &:first-child{
          background-color: #FF9C1D;
          border-left:none;
        }
      }
    }
    .store{
      height: 87rem/@base;
      background-color: pink;
      padding:23rem/@base 5rem/@base 0 13rem/@base;
      border-bottom: 1px solid #ccc;
      .logo{
        font-size:30rem/@base;
        position: relative;
        padding-left:51rem/@base;
        float:left;
        img{
          width: 32rem/@base;
          height: 32rem/@base;
          position: absolute;
          top:5rem/@base;
          left:0;
        }
      }
      .buy{
        float:right;
        width: 278rem/@base;
        span{
          font-size:30rem/@base;
          color:#C70006;
          float:left;
          line-height: 48rem/@base;
        }
        .toBuy{
          width: 110rem/@base;
          height: 48rem/@base;
          line-height: 48rem/@base;
          background: #FF5500;
          font-size:24rem/@base;
          color: #fff;
          text-align: center;
          border-radius:10rem/@base;
          float:right;
        }
      }
    }
    .tips{
      padding:23rem/@base 5rem/@base 0 13rem/@base;
      font-size:24rem/@base;
      color:#A29D95;
      height: 111rem/@base;
      border-bottom:10rem/@base solid #666666;
    }
  }
  .coms{
    .title{
      height: 68rem/@base;
      line-height: 68rem/@base;
      background-color: #DBDBDB;
      font-size:24rem/@base;
      text-align:center;
      font-weight:700;
    }
    .item{
      border-bottom: 1px solid #ccc;
      background-color: #fff;
      .com{
        padding:30rem/@base 18rem/@base 9rem/@base 18rem/@base;
        .info{
          height: 40rem/@base;
          font-size:22rem/@base;
        }
        .from{
          height: 42rem/@base;
          text-align: right;
          font-size: 22rem/@base;
        } 
        .content{
          font-size:24rem/@base;
        }
      }
    }
  }
  .more_coms{
    padding:30rem/@base 18rem/@base;
    height: 143rem/@base;
    background-color: #fff;
    button{
      width: 100%;
      height: 64rem/@base;
      font-size:26rem/@base;
      border-radius: 10rem/@base;
      border:none;
    }
  }
}


.mmm_footer{
  height: 194rem/@base;
  margin-top:0;
  .nav{
    margin-top:0;
  }
}